<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>工具提示</title>
    <link href="../../../css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <div class="container">
        <p class="muted" style="margin-bottom: 0">
            wertyuiuytdfgh
            <a id="mytooltip" href="#"data-toggle="tooltip"data-placement="left"
               data-original-title="www.baidu.com" title=""data-animation="false">
                上海睿民
            </a>
            jklsdfghjkl9764rt5yuio
        </p>
    </div>
<script src="../../../js/jquery-2.1.1.js"></script>
    <script src="../../../js/bootstrap.js"></script>
    <script>
        $('[data-toggle="tooltip"]').tooltip();
        $("#mytooltip").tooltip("show");
        $("#mytooltip").on("hidden.bs.tooltip",function(e){
            alert("hello");
        })
    </script>
</body>
</html>